<template>
	<view>
		<u-empty v-if="!logList.length" marginTop="300rpx" icon="https://hzybucket.obs.cn-south-1.myhuaweicloud.com/we_chat/no-msg2.png" text=" "></u-empty>
		<u-steps current="0" direction="column" dot activeColor="#3b75ff" inactiveColor="#3b75ff">
			<u-steps-item v-for="(item, index) in logList" :key="index">
				<template slot="desc">
					<view class="steps-title flex ac jb">
						<view class="steps-title-title">{{ item.updated_at }}</view>
						<view class="steps-title-user-data-box flex ac jc">
							<image class="avater-box" :src="item.handlers_image" mode="aspectFit"></image>
							<view class="user-name u-line-1">
								{{ item.handlers_name + '-' + item.handlers_position }}
							</view>
						</view>
					</view>
					<!-- 模板 -->
					<!-- <u-empty v-if="!logList.length" marginTop="300rpx" icon="https://hzybucket.obs.cn-south-1.myhuaweicloud.com/we_chat/no-msg2.png" text=" "></u-empty>
					<u-steps current="0" direction="column" dot activeColor="#3b75ff" inactiveColor="#3b75ff">
						<u-steps-item v-for="(item, index) in logList" :key="index">
							<template slot="desc">
								<view class="steps-title flex ac jb">
									<view class="steps-title-title">{{ item.updated_at }}</view>
									<view class="steps-title-user-data-box flex ac jc">
										<image class="avater-box" :src="item.handlers_image" mode="aspectFit"></image>
										<view class="user-name u-line-1">
											{{ item.handlers_name + '-' + item.handlers_position }}
										</view>
									</view>
								</view>
								<view class="steps-desc">
									<view class="steps-desc-title">
										{{ item.content }}
									</view>
									<template>
										<view class="steps-desc-box flex ac">
											<view class="steps-desc-box-title">备注</view>
											<view class="steps-desc-box-desc">详情详情详情</view>
										</view>
									</template>
								</view>
							</template>
						</u-steps-item>
					</u-steps> -->

					<view class="steps-desc">
						<view class="steps-desc-title">{{ item.content }}</view>
						<!-- 勘场费用信息 -->
						<template v-if="item.log_status == 140">
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">收款类型</view>
								<view class="steps-desc-box-desc">勘场费用</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">收款账户</view>
								<view class="steps-desc-box-desc">{{ item.form_data.account_name || '--' }}</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">收款金额</view>
								<view class="steps-desc-box-desc">{{ item.form_data.amount_collected || '--' }}</view>
							</view>
							<view class="steps-desc-box flex ac" v-if="item.remark">
								<view class="steps-desc-box-title">备注</view>
								<view class="steps-desc-box-desc">{{ item.remark }}</view>
							</view>
							<view class="steps-desc-box" v-if="item.form_data.payment_voucher.length">
								<view class="steps-desc-box-title">收款凭证</view>
								<view class="steps-desc-box-desc flex ac flex-wrap">
									<image
										@click="previewFunc(file)"
										class="img-box"
										v-for="(file, fileIndex) in item.form_data.payment_voucher"
										:key="fileIndex"
										:src="file.file_url"
									></image>
								</view>
							</view>
						</template>
						<!-- 对客日志 -->
						<template v-if="item.log_status == 450">
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">是否需要再次沟通</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.is_communicate_again == 1 ? '是' : '否' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">跟进方式</view>
								<view class="steps-desc-box-desc">
									<template v-if="item.form_data.follow_up_method == 1">电话</template>
									<template v-if="item.form_data.follow_up_method == 2">微信</template>
									<template v-if="item.form_data.follow_up_method == 3">企微</template>
									<template v-if="item.form_data.follow_up_method == 4">邮件</template>
									<template v-if="item.form_data.follow_up_method == 5">上门拜访</template>
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">本次沟通阶段</view>
								<view class="steps-desc-box-desc">
									<template v-if="item.form_data.communication_stage == 1">勘场</template>
									<template v-if="item.form_data.communication_stage == 2">报价</template>
									<template v-if="item.form_data.communication_stage == 3">洽谈</template>
									<template v-if="item.form_data.communication_stage == 4">签约</template>
									<template v-if="item.form_data.communication_stage == 5">结算</template>
									<template v-if="item.form_data.communication_stage == 6">售后</template>
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">意向签约金额</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.intended_signing_amount ? item.form_data.intended_signing_amount + '元' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">下次沟通时间</view>
								<view class="steps-desc-box-desc">{{ item.form_data.next_communication_time || '--' }}</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">本次沟通内容</view>
								<view class="steps-desc-box-desc">{{ item.form_data.content || '--' }}</view>
							</view>
							<view class="steps-desc-box" v-if="item.form_data.log_file.length">
								<view class="steps-desc-box-title">日志附件</view>
								<view class="steps-desc-box-desc flex ac flex-wrap">
									<image
										class="img-box"
										v-for="(file, fileIndex) in item.form_data.log_file"
										:key="fileIndex"
										@click="previewFunc(file)"
										:src="$fileImgFunc(file)"
									></image>
								</view>
							</view>
						</template>
						<!-- 勘场报告 -->
						<template v-if="item.log_status == 170">
							<view class="steps-desc-box" v-if="item.form_data.scene_file.length">
								<view class="steps-desc-box-title">现场图片</view>
								<view class="steps-desc-box-desc flex ac flex-wrap">
									<image
										class="img-box"
										v-for="(file, fileIndex) in item.form_data.scene_file"
										:key="fileIndex"
										@click="previewFunc(file)"
										:src="$fileImgFunc(file)"
									></image>
								</view>
							</view>
							<view class="steps-desc-box" v-if="item.form_data.report_file.length">
								<view class="steps-desc-box-title">勘场报告</view>
								<view class="steps-desc-box-desc flex ac flex-wrap">
									<image
										class="img-box"
										v-for="(file, fileIndex) in item.form_data.report_file"
										:key="fileIndex"
										@click="previewFunc(file)"
										:src="$fileImgFunc(file)"
									></image>
								</view>
							</view>
							<view class="steps-desc-box" v-if="item.form_data.video_file.length">
								<view class="steps-desc-box-title">现场视频</view>
								<view class="steps-desc-box-desc flex ac flex-wrap">
									<image
										class="img-box"
										v-for="(file, fileIndex) in item.form_data.video_file"
										:key="fileIndex"
										@click="previewFunc(file)"
										:src="$fileImgFunc(file)"
									></image>
								</view>
							</view>
							<view class="steps-desc-box" v-if="item.form_data.sketch_file.length">
								<view class="steps-desc-box-title">手绘图</view>
								<view class="steps-desc-box-desc flex ac flex-wrap">
									<image
										class="img-box"
										v-for="(file, fileIndex) in item.form_data.sketch_file"
										:key="fileIndex"
										@click="previewFunc(file)"
										:src="$fileImgFunc(file)"
									></image>
								</view>
							</view>
							<view class="steps-desc-box flex ac" v-if="item.remark">
								<view class="steps-desc-box-title">备注</view>
								<view class="steps-desc-box-desc">{{ item.remark }}</view>
							</view>
						</template>
						<!-- 上传勘场资料 -->
						<template v-if="item.log_status == 180">
							<view class="steps-desc-box" v-if="item.form_data.survey_data.length">
								<view class="steps-desc-box-title">设计文件</view>
								<view class="steps-desc-box-desc flex ac flex-wrap">
									<image
										class="img-box"
										v-for="(file, fileIndex) in item.form_data.survey_data"
										:key="fileIndex"
										@click="previewFunc(file)"
										:src="$fileImgFunc(file)"
									></image>
								</view>
							</view>
							<view class="steps-desc-box flex ac" v-if="item.remark">
								<view class="steps-desc-box-title">备注</view>
								<view class="steps-desc-box-desc">{{ item.remark }}</view>
							</view>
						</template>
						<!-- 上传设计图 -->
						<template v-if="item.log_status == 190">
							<view class="steps-desc-box">
								<view class="steps-desc-box-title">平面图</view>
								<view class="steps-desc-box-desc flex ac flex-wrap">
									<image
										class="img-box"
										v-for="(file, fileIndex) in item.form_data.plan_drawing"
										:key="fileIndex"
										@click="previewFunc(file)"
										:src="$fileImgFunc(file)"
									></image>
									<text v-if="!item.form_data.plan_drawing.length">--</text>
								</view>
							</view>
							<view class="steps-desc-box">
								<view class="steps-desc-box-title">效果图</view>
								<view class="steps-desc-box-desc flex ac flex-wrap">
									<image
										class="img-box"
										v-for="(file, fileIndex) in item.form_data.effect_drawing"
										:key="fileIndex"
										@click="previewFunc(file)"
										:src="$fileImgFunc(file)"
									></image>
									<text v-if="!item.form_data.effect_drawing.length">--</text>
								</view>
							</view>
							<view class="steps-desc-box">
								<view class="steps-desc-box-title">施工图</view>
								<view class="steps-desc-box-desc flex ac flex-wrap">
									<image
										class="img-box"
										v-for="(file, fileIndex) in item.form_data.construction_drawing"
										:key="fileIndex"
										@click="previewFunc(file)"
										:src="$fileImgFunc(file)"
									></image>
									<text v-if="!item.form_data.construction_drawing.length">--</text>
								</view>
							</view>
							<view class="steps-desc-box">
								<view class="steps-desc-box-title">其他文件</view>
								<view class="steps-desc-box-desc flex ac flex-wrap">
									<image
										class="img-box"
										v-for="(file, fileIndex) in item.form_data.other_file"
										:key="fileIndex"
										@click="previewFunc(file)"
										:src="$fileImgFunc(file)"
									></image>
									<text v-if="!item.form_data.other_file.length">--</text>
								</view>
							</view>
							<view class="steps-desc-box flex ac" v-if="item.remark">
								<view class="steps-desc-box-title">备注</view>
								<view class="steps-desc-box-desc">{{ item.remark }}</view>
							</view>
						</template>
						<!-- 提交报价申请 -->
						<template v-if="item.log_status == 200">
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">预计开工日期</view>
								<view class="steps-desc-box-desc">{{ item.form_data.start_date || '--' }}</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">预计完工日期</view>
								<view class="steps-desc-box-desc">{{ item.form_data.end_date || '--' }}</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">预计工期</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.expect_duration_days ? item.form_data.expect_duration_days + '天' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac" v-if="item.remark">
								<view class="steps-desc-box-title">备注描述</view>
								<view class="steps-desc-box-desc">{{ item.remark }}</view>
							</view>
						</template>
						<!-- 造价单 -->
						<template v-if="item.log_status == 220">
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">预计开工日期</view>
								<view class="steps-desc-box-desc">{{ item.form_data.start_date || '--' }}</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">预计完工日期</view>
								<view class="steps-desc-box-desc">{{ item.form_data.end_date || '--' }}</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">工期天数</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.duration_days ? item.form_data.duration_days + '天' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">建筑面积</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.building_area ? item.form_data.building_area + 'm²' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">报价金额</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.quotation_amount ? item.form_data.quotation_amount + '元' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">基础装修费</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.basic_decoration_fee ? item.form_data.basic_decoration_fee + '元' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">主材采购费</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.material_costs ? item.form_data.material_costs + '元' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">报价税金</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.quotation_taxes ? item.form_data.quotation_taxes + '元' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">成本金额</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.cost_amount ? item.form_data.cost_amount + '元' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">现场采购成本</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.procurement_cost ? item.form_data.procurement_cost + '元' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">公司采集成本</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.centralized_procurement_cost ? item.form_data.centralized_procurement_cost + '元' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">管理成本</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.management_costs ? item.form_data.management_costs + '元' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">利润金额</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.profit_amount ? item.form_data.profit_amount + '元' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">利润率(报价)</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.profit_ratio ? item.form_data.profit_ratio + '%' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">报价类型</view>
								<view class="steps-desc-box-desc">
									<template v-if="item.form_data.quotation_type == 1">基础施工报价（首次）</template>
									<template v-if="item.form_data.quotation_type == 2">基础施工报价（调整）</template>
									<template v-if="item.form_data.quotation_type == 3">增减项施工报价</template>
								</view>
							</view>
							<view class="steps-desc-box flex ac" v-if="item.form_data.remark">
								<view class="steps-desc-box-title">备注</view>
								<view class="steps-desc-box-desc">{{ item.form_data.remark }}</view>
							</view>
							<view class="steps-desc-box" v-if="item.form_data.quotation_file.length">
								<view class="steps-desc-box-title">报价单文件</view>
								<view class="steps-desc-box-desc flex ac flex-wrap">
									<image
										class="img-box"
										v-for="(file, fileIndex) in item.form_data.quotation_file"
										:key="fileIndex"
										@click="previewFunc(file)"
										:src="$fileImgFunc(file)"
									></image>
								</view>
							</view>
							<view class="steps-desc-box" v-if="item.form_data.profit_statement_file.length">
								<view class="steps-desc-box-title">利润单文件</view>
								<view class="steps-desc-box-desc flex ac flex-wrap">
									<image
										class="img-box"
										v-for="(file, fileIndex) in item.form_data.profit_statement_file"
										:key="fileIndex"
										@click="previewFunc(file)"
										:src="$fileImgFunc(file)"
									></image>
								</view>
							</view>
							<view class="steps-desc-box" v-if="item.form_data.cost_list_file.length">
								<view class="steps-desc-box-title">成本单文件</view>
								<view class="steps-desc-box-desc flex ac flex-wrap">
									<image
										class="img-box"
										v-for="(file, fileIndex) in item.form_data.cost_list_file"
										:key="fileIndex"
										@click="previewFunc(file)"
										:src="$fileImgFunc(file)"
									></image>
								</view>
							</view>
						</template>
						<!-- 只显示描述的 -->
						<!-- item.log_status == 440 || -->
						<template
							v-if="
								item.log_status == 130 ||
								item.log_status == 230 ||
								item.log_status == 240 ||
								item.log_status == 165 ||
								item.log_status == 160 ||
								item.log_status == 150 ||
								item.log_status == 210 ||
								item.log_status == 260 ||
								item.log_status == 270 ||
								item.log_status == 275 ||
								item.log_status == 300 ||
								item.log_status == 340 ||
								item.log_status == 330 ||
								item.log_status == 360 ||
								item.log_status == 370 ||
								item.log_status == 390 ||
								item.log_status == 400 ||
								item.log_status == 420 ||
								item.log_status == 415
							"
						>
							<view class="steps-desc-box flex ac" v-if="item.form_data.remark || item.form_data.reason_refusal">
								<view class="steps-desc-box-title">备注</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.remark || item.form_data.reason_refusal }}
								</view>
							</view>
						</template>
						<!-- 对客报价 -->
						<!-- <template v-if="item.log_status == 250">
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">报价金额</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.old_amount ? item.form_data.old_amount + '元' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">预计签约金额</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.new_amount ? item.form_data.new_amount + '元' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">优惠金额</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.discount_amount ? item.form_data.discount_amount + '元' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac" v-if="item.form_data.remark">
								<view class="steps-desc-box-title">备注</view>
								<view class="steps-desc-box-desc">{{ item.form_data.remark }}</view>
							</view>
						</template> -->
						<!-- 发起优惠审批 -->
						<template v-if="item.log_status == 255">
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">预算报价金额</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.budget_quotation_amount ? item.form_data.budget_quotation_amount + '元' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">预计签约金额</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.expected_signing_amount ? item.form_data.expected_signing_amount + '元' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">优惠金额</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.discount_amount ? item.form_data.discount_amount + '元' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">优惠后利润金额</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.remaining_profit_amount ? item.form_data.remaining_profit_amount + '元' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">优惠后成本利润率</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.remaining_cost_profit_ratio ? item.form_data.remaining_cost_profit_ratio + '%' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">优惠前利润金额</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.profit_amount ? item.form_data.profit_amount + '元' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">优惠前成本利润率</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.cost_profit_ratio ? item.form_data.cost_profit_ratio + '%' : '--' }}
								</view>
							</view>
						</template>
						<!-- 合同信息 -->
						<template v-if="item.log_status == 280">
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">签约主体</view>
								<view class="steps-desc-box-desc">{{ item.form_data.signing_company_name || '--' }}</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">最终报价金额</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.quotation_amount ? item.form_data.quotation_amount + '元' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">合同签约金额</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.contract_price ? item.form_data.contract_price + '元' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">首期款</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.down_payment ? item.form_data.down_payment + '元' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">进度款</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.progress_payment ? item.form_data.progress_payment + '元' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">尾款</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.balance_payment ? item.form_data.balance_payment + '元' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">合同开工日期</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.contract_commencement_date || '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">合同完工日期</view>
								<view class="steps-desc-box-desc">{{ item.form_data.contract_completion_date || '--' }}</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">合同工期</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.contract_duration_days ? item.form_data.contract_duration_days + '天' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">签约日期</view>
								<view class="steps-desc-box-desc">{{ item.form_data.signing_date || '--' }}</view>
							</view>
							<view class="steps-desc-box" v-if="item.form_data.contract_file.length">
								<view class="steps-desc-box-title">合同附件</view>
								<view class="steps-desc-box-desc flex ac flex-wrap">
									<image
										class="img-box"
										v-for="(file, fileIndex) in item.form_data.contract_file"
										:key="fileIndex"
										@click="previewFunc(file)"
										:src="$fileImgFunc(file)"
									></image>
								</view>
							</view>
						</template>
						<!-- 预付款凭证 -->
						<template v-if="item.log_status == 290">
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">收款类型</view>
								<view class="steps-desc-box-desc">预付款费用</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">收款账户</view>
								<view class="steps-desc-box-desc">{{ item.form_data.account_name || '--' }}</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">收款金额</view>
								<view class="steps-desc-box-desc">{{ item.form_data.amount_collected || '--' }}</view>
							</view>
							<view class="steps-desc-box flex ac" v-if="item.remark">
								<view class="steps-desc-box-title">备注</view>
								<view class="steps-desc-box-desc">{{ item.remark }}</view>
							</view>
							<view class="steps-desc-box" v-if="item.form_data.payment_voucher.length">
								<view class="steps-desc-box-title">收款凭证</view>
								<view class="steps-desc-box-desc flex ac flex-wrap">
									<image
										class="img-box"
										v-for="(file, fileIndex) in item.form_data.payment_voucher"
										:key="fileIndex"
										@click="previewFunc(file)"
										:src="$fileImgFunc(file)"
									></image>
								</view>
							</view>
						</template>
						<!-- 确认施工 -->
						<template v-if="item.log_status == 310">
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">开工日期</view>
								<view class="steps-desc-box-desc">{{ item.form_data.start_date || '--' }}</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">工长</view>
								<view class="steps-desc-box-desc">{{ item.form_data.foreman_name || '--' }}</view>
							</view>
							<view class="steps-desc-box flex ac" v-if="item.form_data.remark">
								<view class="steps-desc-box-title">备注</view>
								<view class="steps-desc-box-desc">{{ item.form_data.remark }}</view>
							</view>
							<view class="steps-desc-box" v-if="item.form_data.start_file.length">
								<view class="steps-desc-box-title">开工图片</view>
								<view class="steps-desc-box-desc flex ac flex-wrap">
									<image
										class="img-box"
										v-for="(file, fileIndex) in item.form_data.kg_start_file"
										:key="fileIndex"
										@click="previewFunc(file)"
										:src="$fileImgFunc(file)"
									></image>
								</view>
							</view>
						</template>
						<!-- 施工记录 -->
						<template v-if="item.log_status == 480">
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">施工进度</view>
								<view class="steps-desc-box-desc">
									<template v-if="item.form_data.construction_progress == 10">待进场</template>
									<template v-if="item.form_data.construction_progress == 20">施工中</template>
									<template v-if="item.form_data.construction_progress == 30">一次预警</template>
									<template v-if="item.form_data.construction_progress == 40">二次预警</template>
									<template v-if="item.form_data.construction_progress == 50">已超期</template>
									<template v-if="item.form_data.construction_progress == 60">停工中</template>
									<template v-if="item.form_data.construction_progress == 70">已完工</template>
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">是否超期</view>
								<view class="steps-desc-box-desc">{{ item.form_data.is_overdue == 1 ? '是' : '否' }}</view>
							</view>
							<view class="steps-desc-box flex ac" v-if="item.form_data.is_overdue == 1">
								<view class="steps-desc-box-title">超期类型</view>
								<view class="steps-desc-box-desc">{{ item.form_data.overdue_type }}</view>
							</view>
							<view class="steps-desc-box flex ac" v-if="item.form_data.is_overdue == 1">
								<view class="steps-desc-box-title">超期原因</view>
								<view class="steps-desc-box-desc">{{ item.form_data.reason_overdue || '--' }}</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">施工阶段</view>
								<view class="steps-desc-box-desc">{{ item.form_data.construction_stage || '--' }}</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">施工内容</view>
								<view class="steps-desc-box-desc">{{ item.form_data.content || '--' }}</view>
							</view>
							<view class="steps-desc-box flex ac" v-if="item.remark">
								<view class="steps-desc-box-title">备注</view>
								<view class="steps-desc-box-desc">{{ item.remark }}</view>
							</view>
							<view class="steps-desc-box" v-if="item.form_data.log_file.length">
								<view class="steps-desc-box-title">日志文件</view>
								<view class="steps-desc-box-desc flex ac flex-wrap">
									<image
										class="img-box"
										v-for="(file, fileIndex) in item.form_data.log_file"
										:key="fileIndex"
										@click="previewFunc(file)"
										:src="$fileImgFunc(file)"
									></image>
								</view>
							</view>
						</template>
						<!-- 节点验收 -->
						<template v-if="item.log_status == 320">
							<view class="steps-desc-box flex ac" v-for="(child, childIndex) in item.form_data.nodes" :key="childIndex">
								<template v-if="child.name">
									<view class="steps-desc-box-title">{{ item.name }}</view>
									<!-- 图片/视频 -->
									<template v-if="child.file.length">
										<view class="steps-desc-box-desc flex ac flex-wrap">
											<image
												class="img-box"
												v-for="(file, fileIndex) in child.file"
												:key="fileIndex"
												@click="previewFunc(file)"
												:src="$fileImgFunc(file)"
											></image>
										</view>
									</template>
									<!-- 文字 -->
									<template v-else>
										<view class="steps-desc-box-desc">{{ child.content || '--' }}</view>
									</template>
								</template>
							</view>
						</template>
						<!-- 节点进度款提交 -->
						<template v-if="item.log_status == 350">
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">收款类型</view>
								<view class="steps-desc-box-desc">进度款费用</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">收款账户</view>
								<view class="steps-desc-box-desc">{{ item.form_data.account_name || '--' }}</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">收款金额</view>
								<view class="steps-desc-box-desc">{{ item.form_data.amount_collected || '--' }}</view>
							</view>
							<view class="steps-desc-box flex ac" v-if="item.remark">
								<view class="steps-desc-box-title">备注</view>
								<view class="steps-desc-box-desc">{{ item.remark }}</view>
							</view>
							<view class="steps-desc-box flex ac" v-if="item.form_data.payment_voucher.length">
								<view class="steps-desc-box-title">收款凭证</view>
								<view class="steps-desc-box-desc flex ac flex-wrap">
									<image
										class="img-box"
										v-for="(file, fileIndex) in item.form_data.payment_voucher"
										:key="fileIndex"
										@click="previewFunc(file)"
										:src="$fileImgFunc(file)"
									></image>
								</view>
							</view>
						</template>
						<!-- 结算单 -->
						<template v-if="item.log_status == 380">
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">合同签约金额</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.contract_price ? item.form_data.contract_price + '元' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">增减项总金额</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.changes_amount ? item.form_data.changes_amount + '元' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">应结算金额</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.settlement_amount ? item.form_data.settlement_amount + '元' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">现场采购成本</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.procurement_cost ? item.form_data.procurement_cost + '元' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">公司采集成本</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.centralized_procurement_cost ? item.form_data.centralized_procurement_cost + '元' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">管理成本</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.management_costs ? item.form_data.management_costs + '元' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">利润金额</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.profit_amount ? item.form_data.profit_amount + '元' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">已付款金额</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.paid_amount ? item.form_data.paid_amount + '元' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">待付款金额</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.unpaid_amount ? item.form_data.unpaid_amount + '元' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">结算税金</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.settlement_taxes ? item.form_data.settlement_taxes + '元' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">成本金额</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.settlement_cost_amount ? item.form_data.settlement_cost_amount + '元' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">利润率</view>
								<view class="steps-desc-box-desc">
									{{ item.form_data.settlement_profit_margin ? item.form_data.settlement_profit_margin + '%' : '--' }}
								</view>
							</view>
							<view class="steps-desc-box flex ac" v-if="item.form_data.settlement_file.length">
								<view class="steps-desc-box-title">项目结算单</view>
								<view class="steps-desc-box-desc flex ac flex-wrap">
									<image
										class="img-box"
										v-for="(file, fileIndex) in item.form_data.settlement_file"
										:key="fileIndex"
										@click="previewFunc(file)"
										:src="$fileImgFunc(file)"
									></image>
								</view>
							</view>
							<view class="steps-desc-box flex ac" v-if="item.form_data.inventory_file.length">
								<view class="steps-desc-box-title">工程量清单</view>
								<view class="steps-desc-box-desc flex ac flex-wrap">
									<image
										class="img-box"
										v-for="(file, fileIndex) in item.form_data.inventory_file"
										:key="fileIndex"
										@click="previewFunc(file)"
										:src="$fileImgFunc(file)"
									></image>
								</view>
							</view>
							<view class="steps-desc-box flex ac" v-if="item.form_data.profit_statement_file.length">
								<view class="steps-desc-box-title">利润单</view>
								<view class="steps-desc-box-desc flex ac flex-wrap">
									<image
										class="img-box"
										v-for="(file, fileIndex) in item.form_data.profit_statement_file"
										:key="fileIndex"
										@click="previewFunc(file)"
										:src="$fileImgFunc(file)"
									></image>
								</view>
							</view>
							<view class="steps-desc-box flex ac" v-if="item.remark">
								<view class="steps-desc-box-title">备注</view>
								<view class="steps-desc-box-desc">{{ item.remark }}</view>
							</view>
						</template>
						<!-- 尾款凭证 -->
						<template v-if="item.log_status == 410">
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">收款类型</view>
								<view class="steps-desc-box-desc">尾款</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">收款金额</view>
								<view class="steps-desc-box-desc">{{ item.form_data.amount_collected ? item.form_data.amount_collected + '元' : '--' }}</view>
							</view>
							<view class="steps-desc-box flex ac" v-if="item.remark">
								<view class="steps-desc-box-title">备注</view>
								<view class="steps-desc-box-desc">{{ item.remark }}</view>
							</view>
							<view class="steps-desc-box flex ac" v-if="item.form_data.payment_voucher.length">
								<view class="steps-desc-box-title">收款凭证</view>
								<view class="steps-desc-box-desc flex ac flex-wrap">
									<image
										class="img-box"
										v-for="(file, fileIndex) in item.form_data.payment_voucher"
										:key="fileIndex"
										@click="previewFunc(file)"
										:src="$fileImgFunc(file)"
									></image>
								</view>
							</view>
						</template>
						<!-- 项目取消 -->
						<template v-if="item.log_status == 460">
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">取消类型</view>
								<view class="steps-desc-box-desc">
									<template v-if="item.form_data.cancel_type == 1">价格原因</template>
									<template v-if="item.form_data.cancel_type == 2">工期原因</template>
									<template v-if="item.form_data.cancel_type == 3">客户拒绝沟通</template>
									<template v-if="item.form_data.cancel_type == 4">客户自行施工</template>
									<template v-if="item.form_data.cancel_type == 5">不可抗力因素</template>
									<template v-if="item.form_data.cancel_type == 6">前施工问题影响</template>
									<template v-if="item.form_data.cancel_type == 7">客户关联</template>
									<template v-if="item.form_data.cancel_type == 8">其他原因</template>
								</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">取消原因</view>
								<view class="steps-desc-box-desc">{{ item.form_data.remark }}</view>
							</view>
							<view class="steps-desc-box flex ac" v-if="item.form_data.cancel_file.length">
								<view class="steps-desc-box-title">取消附件</view>
								<view class="steps-desc-box-desc flex ac flex-wrap">
									<image
										class="img-box"
										v-for="(file, fileIndex) in item.form_data.cancel_file"
										:key="fileIndex"
										@click="previewFunc(file)"
										:src="$fileImgFunc(file)"
									></image>
								</view>
							</view>
						</template>
						<!-- 提交增项款信息 -->
						<template v-if="item.log_status == 490">
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">收款类型</view>
								<view class="steps-desc-box-desc">增项款费用</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">收款账户</view>
								<view class="steps-desc-box-desc">{{ item.form_data.account_name || '--' }}</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">收款金额</view>
								<view class="steps-desc-box-desc">{{ item.form_data.amount_collected || '--' }}</view>
							</view>
							<view class="steps-desc-box flex ac" v-if="item.remark">
								<view class="steps-desc-box-title">备注</view>
								<view class="steps-desc-box-desc">{{ item.remark }}</view>
							</view>
							<view class="steps-desc-box flex ac" v-if="item.form_data.payment_voucher">
								<view class="steps-desc-box-title">收款凭证</view>
								<view class="steps-desc-box-desc flex ac flex-wrap">
									<image
										class="img-box"
										v-for="(file, fileIndex) in item.form_data.payment_voucher"
										:key="fileIndex"
										@click="previewFunc(file)"
										:src="$fileImgFunc(file)"
									></image>
								</view>
							</view>
						</template>
						<!-- 提交定金信息 -->
						<template v-if="item.log_status == 510">
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">收款类型</view>
								<view class="steps-desc-box-desc">定金费用</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">收款账户</view>
								<view class="steps-desc-box-desc">{{ item.form_data.account_name || '--' }}</view>
							</view>
							<view class="steps-desc-box flex ac">
								<view class="steps-desc-box-title">收款金额</view>
								<view class="steps-desc-box-desc">{{ item.form_data.amount_collected || '--' }}</view>
							</view>
							<view class="steps-desc-box flex ac" v-if="item.remark">
								<view class="steps-desc-box-title">备注</view>
								<view class="steps-desc-box-desc">{{ item.remark }}</view>
							</view>
							<view class="steps-desc-box flex ac" v-if="item.form_data.payment_voucher.length">
								<view class="steps-desc-box-title">收款凭证</view>
								<view class="steps-desc-box-desc flex ac flex-wrap">
									<image
										class="img-box"
										v-for="(file, fileIndex) in item.form_data.payment_voucher"
										:key="fileIndex"
										@click="previewFunc(file)"
										:src="$fileImgFunc(file)"
									></image>
								</view>
							</view>
						</template>
					</view>
				</template>
			</u-steps-item>
		</u-steps>
		<!-- 文件预览 -->
		<preFileCom :fileObj="fileObj" @onFileSuccess="fileObj = ''"></preFileCom>
	</view>
</template>

<script>
export default {
	name: 'logListCom',
	props: {
		logList: {
			type: Array,
			default: []
		}
	},
	data() {
		return {
			fileObj: ''
		};
	},
	methods: {
		// 预览
		previewFunc(item) {
			console.log(item);
			this.fileObj = item;
		}
	}
};
</script>

<style lang="scss"></style>
